<template>
    <div>
      <div class="item" v-for="(item,key) in list" :key="key">
        <div class="item-title border-bottom">
            <span class="item-title-icon"></span>
            {{item.title}}
        </div>
        <div class="item-children" v-if="item.children">
             <list :list='item.children'></list>
        </div>
      </div>
    </div>
</template>

<script>
// import list from './List'
export default {
  name:'list',
  props:{
    list:Array,
  },
  methods:{

  },
  mounted(){

  },
}
//  v-for="(item1,key1) in item.children" :key="key1"
</script>

<style lang='stylus' scoped>
  .item-title-icon
      position : relative
      left : .06rem
      top : .06rem
      display : inline-block
      width : .36rem
      height : .36rem
      background : url('//s.qunarzz.com/piao/image/touch/sight/detail.png') 0 -0.45rem no-repeat;
      margin-right :.1rem
      background-size : .4rem 3rem
  .item-title
      line-height :.8rem
      font-style : .32rem
      padding : .2rem
.item-children
      padding : 0 .3rem
</style>
